<template>
    <div class="home">
        <xhead></xhead>
        <swipter :contantlist="contantlist"></swipter>
        <swipterMenu></swipterMenu>
        <scroll></scroll>
        <div class="banner">
            <img src="//mstatic.soyoung.com/m/static/fe_m/view/home/img/consult-77afdf925b.jpg" alt="">
        </div>
        <flow></flow>
    </div>
</template>

<script>
    import xhead from '../components/head'
    import swipter from '../components/swipter'
    import swipterMenu from '../components/swipter-menu'
    import scroll from '../components/scroll'
    import flow from '../components/flow'


    import "../assets/comment.css"
    import '@/mock'
    import {mapActions} from 'vuex'

    export default {
        components: {
            xhead,
            swipter,
            swipterMenu,
            scroll,
            flow
        },
        data() {
            return {
                contantlist: []
            }
        },
        mounted() {
            this.getbanner().then((data) => {
                this.contantlist = data.data
            })
        },
        methods: {
            ...mapActions({getbanner:'getBannerList'})
        }
    }
</script>

<style>
    .home{
        position: relative;
        max-width: 750px;
    }
</style>
